Electronics - Fundamental Knowledge Tutorials
While you might learn to 'do' some electronics by building circuits, this is different to 'knowing' some electronics.
If you have some (scientific) knowledge about circuits, and have some experience building circuits, then you will become able to knowledgeably design and build some circuits yourself.
These tutorials are aimed at helping you learn knowledge about, and gain understanding of, electronic circuits. They were developed based upon many peoples (including my own) research into students understandings of electric circuit theory.
The goal of these fundamental knowledge tutorials is for you to see an electric circuit as an energy conversion, storage and transfer process - after all that is why we design and make circuits - to take energy from some source (e.g. a battery), and through controlling it, get it to do something useful for us (make a sound, move something, display something...)
Whāia te mātauranga hei oranga mō koutou – ‘seek after learning for the sake of your wellbeing’
Dr. Bill Collis
| Question |
Content |
You have attempted it |
You got it fully correct |
You need to get it fully correct |
Value of fully correct answer |
Your Score |
Out of possible |
Assignment Progress |
| Question |
Content |
You have attempted it |
You got it fully correct |
You need to get it fully correct |
Value of fully correct answer |
Your Score |
Out of possible |
Assignment Progress |
- Instructions
- Devices
- Reg's
- Var's
- Block Diagram
- State Machine
- about System Designer JS
PLEASE WAIT FOR EVERYTHING TO LOAD - Note you need to be using Firefox or Chrome to run program code
State Machine designer
System Designer JS by Bill Collis
This program was designed to help learners who are new to microcontroller based embedded systems
The Block Diagram Editor
Drag and drop I/O devices onto the block diagram
Link them to the microcontroller
As you do the program code will automatically be generated to match the I/O device and its connection to the microcontroller pins
The Code Window
Code can be run or stepped through line by line
The slider changes the speed of the run
T changes Theme and F changes Font size
The State Machine Editor
Click and drag to draw new states
Right click to add actions to states
Click and drag inside a state to draw transistions between states
Add conditions inside [] to transisitions by double clicking to edit or right click e.g. [IS_SW_LOW]
Add actions to transitions in the form [conditon]/action e.g. [IS_SW_LOW]/CLR_LED; _delay_ms(DEL);
There is no undo so be careful
![]()
![]()
analytics